<ui:composition template="templates/template.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j">
    
    <ui:define name="principal">
    <h:form>
    	<div id="table">  
           <rich:dataTable id="tabEncoN" value="#{encomendaMB.listaEncomenda}" var="encomenda" rows="4" reRender="ds">
            <f:facet name="header">
                <rich:columnGroup>
                    <rich:column colspan="5" > 
                        <h:outputText value=" FINALIZADAS"/>
                    </rich:column>  
                    <rich:column breakBefore="true">
                        <h:outputText value="ENCOMENDA Nº"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="NOME DO CLIENTE:" />
                        
                    </rich:column>
                    <rich:column>
                        <h:outputText value="ENDERECO DE ORIGEM"/>
                         
                    </rich:column>
                    <rich:column>
                        <h:outputText value="VALOR"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="FINALIZAÇÃO"/>
                    </rich:column>
                </rich:columnGroup>
            </f:facet>
            <rich:column filterBy="#{encomenda.id}" filterEvent="onkeyup">
                <h:outputText value="#{encomenda.id}"/>
            </rich:column>
            <rich:column filterBy="#{encomenda.cliente.nome}" filterEvent="onkeyup">
                <h:outputText value="#{encomenda.cliente.nome}"/>
            </rich:column> 
            <rich:column filterBy="#{encomenda.enderecoOrigem}" filterEvent="onkeyup">
                <h:outputText value="#{encomenda.enderecoOrigem}"/> 
            </rich:column>
            <rich:column filterBy="#{encomenda.valorEncomenda}" filterEvent="onkeyup">
            	<h:outputText value="#{encomenda.valorEncomenda}"/> 
            </rich:column>
            <h:column>
					<f:facet name="header">
						<h:outputText value=""/>
					</f:facet>
			
					<a4j:commandLink>
						<h:outputText value="Finalizar"/>
						
					</a4j:commandLink>
			</h:column>
            <f:facet name="footer">
                <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
            </f:facet>
        </rich:dataTable>
     </div>
 </h:form>
 <!--  
        <div id="table">  
           <rich:dataTable id="tabEncoN" value="#{managedBName.pessoas}" var="pes" rows="4" reRender="ds">
            <f:facet name="header">
                <rich:columnGroup>
                    <rich:column colspan="3" > 
                        <h:outputText value="ENCOMENADAS NÃO FINALIZADAS"/>
                    </rich:column>  
                    <rich:column breakBefore="true">
                        <h:outputText value="NOME"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="TELEFONE"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="FINALIZAÇÃO"/>
                    </rich:column>
                </rich:columnGroup>
            </f:facet>
            <rich:column filterBy="#{pes.nome}" filterEvent="onkeyup" >
                <h:outputText value="#{pes.nome}"/>
            </rich:column> 
            <rich:column filterBy="#{pes.tel}" filterEvent="onkeyup" >
                <h:outputText value="#{pes.tel}"/> 
            </rich:column>
            <h:column>
					<f:facet name="header">
						<h:outputText value=""/>
					</f:facet>
			
					<a4j:commandLink  reRender="pessoas" >
						<h:outputText value="Finalizar"/>
						
					</a4j:commandLink>
			</h:column>
            <f:facet name="footer">
                <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
            </f:facet>
        </rich:dataTable>
     </div>
          
     
  -->
    </ui:define>
</ui:composition>